//组件
// class 栏目
// const tmp01 = {
//   id:1,
//   title:"容器",
//   name:"container",
//   children:[
//     {
//       title:"基础容器",
//       name:"base-container",
//       pic:"/tmp-images/Container.svg"
//     }
//   ]
// }

const tmp01 = {
  id:1,
  title:"导航",
  name:"nav",
  children:[
    {
      title:"导航栏",
      name:"navBar",
      pic:"/tmp-images/NavBar.svg",
      attr:[
        {type:"input",title:"标题",name:"title",value:"标题"},
        {type:"input",title:"左侧标题",name:"leftText",value:""},
        {type:"input",title:"左侧颜色",name:"leftTextColor",value:"#1989fa"},
        {type:"input",title:"右侧标题",name:"rightText",value:""},
        {type:"switch",title:"左侧箭头",name:"leftArrow",value:false},
        {type:"switch",title:"下边框",name:"border",value:false},
        {type:"input",title:"背景色",name:"backColor",value:"#ffffff"},
      ]
    }
  ]
}

const tmp02 = {
  id:2,
  title:"通用",
  name:"universal",
  children:[
    {
      title:"宫格",
      name:"grid",
      pic:"/tmp-images/Grid.svg",
      attr:[
        {type:"input",title:"图标尺寸",name:"size",value:24},
        {type:"input",title:"列数",name:"column",value:3},
        {type:"switch",title:"显示边框",name:"border",value:false},
        {type:"each",title:"内容",name:"list",value:[
          {icon:'apple',text:'苹果'},
          {icon:'windows',text:'微软'},
          {icon:'android',text:'安卓'},
          {icon:'weibo-square',text:'微博'},
          {icon:'taobao-circle',text:'淘宝'},
          {icon:'qq',text:'腾讯'},
        ]}
      ]
    },
    {
      title:"轮播",
      name:"swipe",
      pic:"/tmp-images/Swiper.svg",
      attr:[
        {type:"input",title:"轮播间隔",name:"autoplay",value:3000},
        {type:"input",title:"滑块高度",name:"height",value:200},
        {type:"switch",title:"开启循环",name:"loop",value:true},
        {type:"switch",title:"显示指示器",name:"showIndicators",value:true},
        {type:"input",title:"指示器颜色",name:"indicatorColor",value:"#1989fa"},
        {type:"picSelect",title:"图片选择",name:"pic",value:[]},
      ]
    },
    {
      title:"富文本",
      name:"richText",
      pic:"/tmp-images/Text.svg",
      attr:[
        {type:"editor",title:"编辑器",name:"rich",value:""}
      ]
    },
    {
      title:"单元格",
      name:"cell",
      pic:"/tmp-images/Cell.svg",
      attr:[
        {type:"setCell",title:"设置内容",name:"cell",value:[
          {label:"描述信息",title:"单元格",value:"内容",icon:""},
        ]}
      ]
    },
    {
      title:"通知栏",
      name:"noticeBar",
      pic:"/tmp-images/NoticeBar.svg",
      attr:[
        {type:"textarea",title:"文本",name:"text",value:"在此处填写通知内容"},
        {type:"switch",title:"滚动播放",name:"scrollable",value:true},
        {type:"iconSelect",title:"左侧图标",name:"icon",value:""}
      ]
    },
    {
      title:"步骤条",
      name:"steps",
      pic:"/tmp-images/Steps.svg",
      attr:[
        {type:"input",title:"当前步骤",name:"active",value:1},
        {type:"select",title:"选择方向",name:"direction",value:"horizontal",list:[
          {title:"横向",value:"horizontal"},
          {title:"竖向",value:"vertical"}
        ]},
        {type:"setSteps",title:"设置步骤",name:"stepsList",value:["步骤一","步骤二","步骤三","步骤四"]}
      ]
    },
  ]
}

const tmp03 = {
  id:3,
  title:"交互",
  name:"mutual",
  children:[
    {
      title:"表单",
      name:"form",
      pic:"/tmp-images/Form.svg",
      attr:[
        {type:"form",title:"表单配置",name:"formType",value:[
          {type:"form-input",name:"name",title:"姓名",value:"",checkValue:[],placeholder:"请输入姓名",tags:[]},
          {type:"form-input",name:"phone",title:"电话",value:"",checkValue:[],placeholder:"请输入电话",tags:[]},
          {type:"form-radio",name:"radio",title:"单选",value:"",checkValue:[],placeholder:"",tags:["单选一","单选二"]},
          {type:"form-checkbox",name:"checkbox",title:"多选",value:"",checkValue:[],placeholder:"",tags:["多选一","多选二"]},
        ]}
      ]
    }
  ]
}

const tmp04 = {
  id:4,
  title:"活动",
  name:"choujiang",
  children:[
    {
      title:"大转盘",
      name:"lucky",
      pic:"/tmp-images/Choujiang.svg",
      attr:[
        {type:"input",name:"width",title:"宽度",value:"300"},
        {type:"input",name:"height",title:"高度",value:"300"},
        {type:"input",name:"fontSize",title:"字体大小",value:"14"},
        {type:"input",name:"fontColor",title:"字体颜色",value:"#d64737"},
        {type:"lucky-blocks",name:"blocks",title:"设置背景",value:[
          { padding: '20px', background: '',imgs:[{src:require('@/static/images/lucky-blocks-01.png'),width:"100%"}]},
        ]},
        {type:"lucky-prizes",name:"prizes",title:"设置奖品",value:[
          { background:"#f9e3bb",fonts:[{text:"1元红包",top:'10%'}],imgs:[{src:require('@/static/images/hb.png'),width: '30%', top: '35%'}]},
          { background:"#f8d384",fonts:[{text:"100元红包",top:'10%'}],imgs:[{src:require('@/static/images/hb.png'),width: '30%', top: '35%'}]},
          { background:"#f9e3bb",fonts:[{text:"0.5元红包",top:'10%'}],imgs:[{src:require('@/static/images/hb.png'),width: '30%', top: '35%'}]},
          { background:"#f8d384",fonts:[{text:"2元红包",top:'10%'}],imgs:[{src:require('@/static/images/hb.png'),width: '30%', top: '35%'}]},
          { background:"#f9e3bb",fonts:[{text:"10元红包",top:'10%'}],imgs:[{src:require('@/static/images/hb.png'),width: '30%', top: '35%'}]},
          { background:"#f8d384",fonts:[{text:"50元红包",top:'10%'}],imgs:[{src:require('@/static/images/hb.png'),width: '30%', top: '35%'}]},
          { background:"#f9e3bb",fonts:[{text:"0.3元红包",top:'10%'}],imgs:[{src:require('@/static/images/hb.png'),width: '30%', top: '35%'}]},
          { background:"#f8d384",fonts:[{text:"5元红包",top:'10%'}],imgs:[{src:require('@/static/images/hb.png'),width: '30%', top: '35%'}]},
        ]},
        {type:"lucky-buttons",name:"buttons",title:"设置按钮",value:[
          {
            radius: '50px', background: '#ffdea0',pointer:false,
            imgs: [{ src: require('@/static/images/lucky-button.png'), width: '100%', top: '-120%' }]
          }
        ]}
      ]
    },
  ]
}

export default[tmp01,tmp02,tmp03,tmp04]